<template>
	<satri-page :padding="20">
		<satri-card label="3列">
			<satri-grid :column="3">
				<satri-grid-item v-for="item in 9" :key="item">
					<view class="item">{{ item }}</view>
				</satri-grid-item>
			</satri-grid>
		</satri-card>

		<satri-card label="6列">
			<satri-grid :column="6">
				<satri-grid-item v-for="item in 24" :key="item">
					<view class="item">{{ item }}</view>
				</satri-grid-item>
			</satri-grid>
		</satri-card>
	</satri-page>
</template>

<style lang="scss" scoped>
.item {
	background-color: #f6f7fa;
	text-align: center;
	font-size: 28rpx;
	height: 60rpx;
	line-height: 60rpx;
	margin: 10rpx;
}
</style>
